<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 引入SparkMD5库，用于计算文件的MD5哈希值 -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/spark-md5/3.0.2/spark-md5.min.js"></script>
</head>
<body>
    <!-- 文件选择输入框 -->
    <input type="file" ></input>
     <script type="module">
        // 导入文件切片函数
        import {cutFile} from './bigFileSlice.js';

        // 获取文件输入元素
        const inpFile = document.querySelector('input[type="file"]');

        // 监听文件选择变化事件
        inpFile.onchange =async (e) =>{
            // 获取用户选择的文件
            const file = e.target.files[0]; 
            // 开始计时，用于性能测试
            console.time('cutFile'); 
            // 调用cutFile函数对文件进行切片处理
            const chunks = await cutFile(file); 
            // 输出切片结果到控制台
            console.log(chunks);
            // 结束计时并输出耗时
            console.timeEnd('cutFile');
        };

     </script>
</body>
</html>